<template>
	<view class="pd30 box-shadow bg-w bdr16 tuan-extend over-hidden">
		<navigator url="/pages/plus/mine/tuan/item">
		<view class="flex">
			<view class="wh120">
				<image class="wh120 bdr8" mode="aspectFill" :src="''"></image>
			</view>
			<view class="ws120 pl30">
				<view class="ft16 ftw600 text-main text-over">3天2晚包食宿 云南大... </view>
				<view class="flex alcenter mt20">
					<view class="tag tag-hot flex alcenter">
						<image :src="''"></image>
						<text class="ml10">火爆</text>
					</view>
					<view class="tag tag-info ml20">
						200人推广
					</view>
				</view>
				
				<view class="mt80 flex">
					<view class="extend-commission ft12 text-w">
						<text class="ftw400">推赚</text>
						<text class="ftw600 ml10">￥11.9</text>
					</view>
				</view>
			</view>
		</view>
		</navigator>
		
		<view class="tui">
			<navigator url="/pages/plus/mine/tuan/item">
			<image   :src="''"></image>
			</navigator>
		</view>
	</view>
	
</template>

<script>

	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	
	.extend-commission{
		height: 48rpx;
		border-radius: 24rpx;
		padding: 0 20rpx;
		line-height: 48rpx;
		background: #C79A2F;
	}
	
	.tuan-extend{
		position: relative;
	}
	.tuan-extend .tui{
		position: absolute;
		right: 0;
		bottom: 0;
		height: 120rpx;
		width: 120rpx;
	}
	.tuan-extend .tui image{
		width: 120rpx;
		height: 120rpx;
		font-size: 0;
	}

	

</style>